<template>
  <div class="box-body">
    <div class="box box-info m-t-15 no-margin">
      <form class="form-horizontal border-info">
        <div class="box-body">
          <div class="col-sm-6">
            <label class="control-label"><sup class="text-red">*</sup> 属性中文名称：</label>
            <div class="">
              <input type="text" class="form-control" placeholder="调拨单号">
            </div>
          </div>
          <div class="col-sm-6">
            <label class="control-label"><sup class="text-red">*</sup>属性英文名称：</label>
            <div class="">
              <input type="text" class="form-control" placeholder="调拨单号">
            </div>
          </div>
          <div class="col-sm-6">
            <label for="" class="control-label">录入方式：</label>
            <div class="checkbox">
              <label for="checkbox" class="no-padding">
                <input id="checkbox" type="radio" class="flat-red" name="hazardous"> 手工录入
              </label>
              <label for="checkbox1">
                <input id="checkbox1" type="radio" class="flat-red" name="hazardous"> 单选
              </label>
              <label for="checkbox2">
                <input id="checkbox2" type="radio" class="flat-red" name="hazardous"> 多选
              </label>
            </div>
          </div>
          <div class="col-sm-12">
            <label class="control-label"><sup class="text-red">*</sup> 可选值列表（中文）：</label>
            <div class="">
              <input name="tags" id="" value="foo,bar,baz" />
            </div>
          </div>
          <div class="col-sm-12">
            <label class="control-label"><sup class="text-red">*</sup> 可选值列表（中文）：</label>
            <div class="">
              <input name="tags" id="" value="foo,bar,baz" />
            </div>
          </div>
          <div class="col-sm-12 text-right pos-ab">
            <a href="javascript:;" class="btn btn-danger btn-flat" @click="remover(item)">
              删除
            </a>
          </div>
        </div>
        <!-- /.box-body -->

        <!-- /.box-footer -->
      </form>
    </div>

  </div>
</template>

<script>
  import '@/assets/taginput/jquery.tagsinput.css'
  import '@/assets/taginput/jquery.tagsinput'
    export default {
        name: "AttributesChild",
      props:["item"],
      methods:{
        remover(item){
          this.$emit('mover','item')
        }
      },
      created(){
        this.$nextTick(function () {
          $('input[name="tags"]').tagsInput({width:'auto'});
        })
      }
    }
</script>

<style scoped>

</style>
